<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<body>
<div th:fragment="header">
  <div class="header">
    <div class="wrapper">
      <div class="logo">
        <a href="/index"><img src="/static/front/imgs/zys1.png"/></a>
      </div>
      <div class="nav">
        <ul>
          <li><a href="/index">首页</a></li>
          <li><a href="/service">版权服务</a></li>
          <li><a href="http://www.meisupic.com">版权交易</a></li>
          <li><a href="/vip-plan">会员计划</a></li>
          <li><a href="/help/home">帮助中心</a></li>
        </ul>
      </div>
      <div class="right">

        <div class="user" th:style="'display:' + @{(${session.SPRING_SECURITY_CONTEXT} ? 'inline-block' : 'none')} + ''" >
          <div class="user-hd">
            <a href="/copyright/manage/personal-page">
              <span th:if="${session.SPRING_SECURITY_CONTEXT}" th:text="${#strings.abbreviate(session.SPRING_SECURITY_CONTEXT.authentication.principal.Username,10) }"> 189...</span>
            </a>
          </div>
          <div class="user-bd">
            <ul>
              <li><a href="/copyright/manage/works">我的作品</a></li>
              <li><a href="/copyright/manage/sales">销售情况</a></li>
              <li><a href="/copyright/manage/monitors">版权监测</a></li>
              <li><a href="/copyright/manage/account">账户信息</a></li>
              <li><a href="/copyright/manage/message">系统消息</a></li>
              <li><a href="/copyright/manage/my-vip">我的VIP</a></li>
              <li><a href="/logout">退出</a></li>
            </ul>
          </div>
        </div>
        <div class="un-login" th:style="'display:' + @{(${session.SPRING_SECURITY_CONTEXT} ? 'none' : 'block')} + ''" >
          <ul>
            <li><a href="javascript:;">登录</a></li>
            <li>|</li>
            <li><a href="javascript:;">注册</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>